{% extends "layout.html" %}

{% block title %}Création d'une ligne mobile{% endblock %}

{% block content %}
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="js/vendor/jquery.validate.js"></script>
<script>
//if (jQuery) { alert("jQuery loaded"); }
$.validator.setDefaults({
	submitHandler: function() { 
	//alert("envoyé!");
	submit();
	}
});
jQuery.validator.addMethod("numero_tel", function(value, element) {
        // test du numéro
        return /^33\d\d\d\d\d\d\d\d\d$/i.test(value);
    }, 'Veuillez saisir le numéro de téléphone dans le format suivant : <i>33123456789</i>');

jQuery.validator.addMethod("format_date", function(value, element) {
        // test du numéro
	return /^\d\d?\/\d\d?\/\d\d\d\d$/i.test(value);
    }, 'Format jj/mm/aaaa');	

jQuery.validator.addMethod("alphanumerique", function(value, element) {
	return this.optional(element) || /^[a-z0-9\-\_\s]+$/i.test(value);
}, "Pas de caractères spéciaux.");	

$().ready(function() {
	// validation du formulaire par keyup et submit
	$("#form").validate({
		rules: {
			engagement: {
				required: true
			}
		},
		messages: {
			engagement: {
				required: "Champ obligatoire",
			}

		}
	});
});

// choix des options suivant forfait
$(function() {
	$('#abonnement_vga').bind('change', function(ev) {
		
		var value = $(this).val();
		
		$.ajax({
		type: "GET",
		url: "liste-options-fixe",
		data: "test=ok&id_forfait="+value+"&id={{ligneCommande.id}}&commande={{commande.id}}&type=vga",
		error:function(msg){
		 alert( "Error !: " + msg );
		},
		success:function(data){
			//affiche le contenu du fichier dans le conteneur dédié
			$('#contenu_options_ajax_vga').html(data);}
	 	});
		//Affichage du prix
		var engagement = $('input[name="engagement"]:checked').val();
		$.ajax({
		type: "GET",
		url: "affiche-prix",
		data: "id_forfait="+value+"&engagement="+engagement+"&type=fixe",
		error:function(msg){
		 alert( "Error !: " + msg );
		},
		success:function(data){
			//affiche le contenu du fichier dans le conteneur dédié
			$('#contenu_prix_ajax_vga').html(data);}
	 	});
 	});
});

// choix des options suivant forfait
$(function() {
	$('#abonnement_vga_num').bind('change', function(ev) {
		
		var value = $(this).val();
		
		$.ajax({
		type: "GET",
		url: "liste-options-fixe",
		data: "test=ok&id_forfait="+value+"&id={{ligneCommande.id}}&commande={{commande.id}}&type=vga_num",
		error:function(msg){
		 alert( "Error !: " + msg );
		},
		success:function(data){
			//affiche le contenu du fichier dans le conteneur dédié
			$('#contenu_options_ajax_vga_num').html(data);}
	 	});
		//Affichage du prix
		var engagement = $('input[name="engagement"]:checked').val();
		$.ajax({
		type: "GET",
		url: "affiche-prix",
		data: "id_forfait="+value+"&engagement="+engagement+"&type=fixe",
		error:function(msg){
		 alert( "Error !: " + msg );
		},
		success:function(data){
			//affiche le contenu du fichier dans le conteneur dédié
			$('#contenu_prix_ajax_vga_num').html(data);}
	 	});
 	});
});

// choix des options suivant forfait
$(function() {
	$('#abonnement_voip').bind('change', function(ev) {
		
		var value = $(this).val();
		
		$.ajax({
		type: "GET",
		url: "liste-options-fixe",
		data: "test=ok&id_forfait="+value+"&id={{ligneCommande.id}}&commande={{commande.id}}&type=voip",
		error:function(msg){
		 alert( "Error !: " + msg );
		},
		success:function(data){
			//affiche le contenu du fichier dans le conteneur dédié
			$('#contenu_options_ajax_voip').html(data);}
	 	});
		
		//Affichage du prix
		var engagement = $('input[name="engagement"]:checked').val();
		$.ajax({
		type: "GET",
		url: "affiche-prix",
		data: "id_forfait="+value+"&engagement="+engagement+"&type=fixe",
		error:function(msg){
		 alert( "Error !: " + msg );
		},
		success:function(data){
			//affiche le contenu du fichier dans le conteneur dédié
			$('#contenu_prix_ajax_voip').html(data);}
	 	});
		
 	});
});

$(document).ready(function() {
    $("input[type=radio]").change();
});

// choix des forfaits suivant le type de ligne
$(document).ready(function(){
    $('#zone_vga').hide();
	$('#zone_vga_num').hide();
	$('#zone_voip').hide();
	$("#zone_sda").hide();

    $("#choix_type_ligne").change(function(){

        if(this.value == 3 ){
            $("#zone_vga").hide();
			$("#zone_vga_num").hide();
            $("#zone_voip").show();
        }
        else if(this.value == 1 ){
            $("#zone_vga").show();
			$("#zone_vga_num").hide();
            $("#zone_voip").hide();
        }
		else if(this.value == 2 ){
            $("#zone_vga_num").show();
			$("#zone_vga").hide();
            $("#zone_voip").hide();
        }
        else{
            $("#zone_vga").hide();
			$("#zone_vga_num").hide();
            $("#zone_voip").hide();
        }

    }).change();
	
    $("#choix_type_ligne").change(function(){

    }).change();
	
	$('#abonnement_vga').change(function () {
		var txt = $("#abonnement_vga option:selected").text();
		if(txt == 'SDA' ){
           $("#zone_sda").show();
        }
	});
	
	$('#abonnement_vga_num').change(function () {
		var txt = $("#abonnement_vga_num option:selected").text();
		if(txt == 'SDA' ){
           $("#zone_sda").show();
        }
	});
	
	$('#abonnement_voip').change(function () {
		var txt = $("#abonnement_voip option:selected").text();
		if(txt == 'SDA' ){
           $("#zone_sda").show();
        }
	});

});

//remplissage de l'adresse auto
$(document).ready(function () {
    $('#copy_adresse').click(function () {
        $('#raison_social').val('{{client.0.raison_social}}');
		$('#siret').val('{{client.0.siret}}');
		$('#ape').val('{{client.0.ape}}');
		$('#adresse').val('{{client.0.adresse}}');
		$('#cp').val('{{client.0.cp}}');
		$('#ville').val('{{client.0.ville}}');
		//$('#batiment').val('{{client.0.xxx}}');
		//$('#escalier').val('{{client.0.xxx}}');
		//$('#etage').val('{{client.0.xxx}}');
		//$('#porte').val('{{client.0.xxx}}');
		$('#corespondant').val('{{client.0.nom}} {{client.0.prenom}}');
		$('#telephone').val('{{client.0.tel_fix}}');
		
    });
});

//récupère les variables d'URL
function getQueryVariable(variable)
{
       var query = window.location.search.substring(1);
       var vars = query.split("&");
       for (var i=0;i<vars.length;i++) {
               var pair = vars[i].split("=");
               if(pair[0] == variable){return pair[1];}
       }
       return(false);
}

// pour la modif, affiche le forfait
$(document).ready(function(){

        if(getQueryVariable('type') == 'voip' ){
            $("#zone_vga").hide();
			$("#zone_vga_num").hide();
            $("#zone_voip").show();
			
			var id_forfait = $('select[name="abonnement_voip"]').val();
			$.ajax({
			type: "GET",
			url: "liste-options-fixe",
			data: "test=ok&id_forfait="+id_forfait+"&id={{ligneCommande.id}}&commande={{commande.id}}&type=voip",
			error:function(msg){
			 alert( "Error !: " + msg );
			},
			success:function(data){
				//affiche le contenu du fichier dans le conteneur dédié
				$('#contenu_options_ajax_voip').html(data);}
			});
        }
		if(getQueryVariable('type') == 'vga' ){
            $("#zone_vga").show();
			$("#zone_vga_num").hide();
            $("#zone_voip").hide();
			
			var id_forfait = $('select[name="abonnement_vga"]').val();
			$.ajax({
			type: "GET",
			url: "liste-options-fixe",
			data: "test=ok&id_forfait="+id_forfait+"&id={{ligneCommande.id}}&commande={{commande.id}}&type=vga",
			error:function(msg){
			 alert( "Error !: " + msg );
			},
			success:function(data){
				//affiche le contenu du fichier dans le conteneur dédié
				$('#contenu_options_ajax_vga').html(data);}
			});
        }
		if(getQueryVariable('type') == 'vga_num' ){
            $("#zone_vga").hide();
			$("#zone_vga_num").show();
            $("#zone_voip").hide();
			
			
			var id_forfait = $('select[name="abonnement_vga_num"]').val();
			$.ajax({
			type: "GET",
			url: "liste-options-fixe",
			data: "test=ok&id_forfait="+id_forfait+"&id={{ligneCommande.id}}&commande={{commande.id}}&type=vga_num",
			error:function(msg){
			 alert( "Error !: " + msg );
			},
			success:function(data){
				//affiche le contenu du fichier dans le conteneur dédié
				$('#contenu_options_ajax_vga_num').html(data);}
			});
        }

});
</script>
<form method="post" class="form-horizontal" name="form" id="form">
{% if ligneCommande.id is empty or ligneCommande.duplicate == 'oui' %}
    <fieldset>
        <legend>Type de Ligne</legend>
          <div class="control-group">
            <div class="controls">
            <select name="choix_type_ligne" id="choix_type_ligne" size="1" class="span6">
                <option value="">Choississez...</option>
                <option value="1" class="zone_vga">VGA</option>
                <option value="2" class="zone_vga">VGA/NUM</option>
                {% if (session.niveauAuth=='1')or(session.niveauAuth=='3') %}
                <option value="3" class="zone_voip">VOIP</option>
                {% endif %}
             </select>
          	</div>
          </div>
    </fieldset>
{% endif %}	
	  <fieldset>
      {% if ligneCommande.id is empty or ligneCommande.duplicate == 'oui' %}
		<legend>Création d'une ligne fixe</legend>
        {% else %}
			<legend>Modification d'une ligne fixe</legend>
		{% endif %}

	  <div class="control-group">
		<label class="control-label" for="id_commande">Numéro de commande</label>
		<div class="controls">
		<input name="id_commande" type="text" class="uneditable-input" value="{{commande.id}}"/> 
	  </div>
	  </div>

	  </fieldset>
	  
	  <fieldset>
			<legend>Coordonnées d'installation
            <button type="button" id="copy_adresse" name="copy_adresse">	Copier	l'adresse	du client </button>
           </legend>
           <!-- Première colonne -->            
			<div class="span5">
            <div class="control-group">
		<label class="control-label" for="raison_social">Raison social</label>
		<div class="controls"><input id="raison_social" name="raison_social" type="text" value="{{ligneCommande.raison_social}}"/>
			 
		</div>
	  </div>
	  <div class="control-group">
		<label class="control-label" for="siret">Siret</label>
		<div class="controls">
			<input id="siret" name="siret" type="text" value="{{ligneCommande.siret}}"/> 
		</div>
        </div> 
        <div class="control-group">
		<label class="control-label" for="ape">Code APE</label>
		<div class="controls">
			<input id="ape" name="ape" type="text" value="{{ligneCommande.ape}}"/> 
		</div>
        </div> 
	      <div class="control-group">
		<label class="control-label" for="adresse">Adresse</label>
		<div class="controls">
			<input id="adresse" name="adresse" type="text" value="{{ligneCommande.adresse}}"/> 
		</div>
	  </div>
         <div class="control-group">
		<label class="control-label" for="cp">Code postale</label>
		<div class="controls">
			<input id="cp" name="cp" type="text" value="{{ligneCommande.cp}}"/> 
		</div>
        </div>  
        <div class="control-group">
		<label class="control-label" for="ville">Ville</label>
		<div class="controls">
			<input id="ville" name="ville" type="text" value="{{ligneCommande.ville}}"/> 
		</div>
        </div> 
        </div>
        <div class="span6">
        <div class="control-group">
		<label class="control-label" for="batiment">Batiment</label>
		<div class="controls">
			<input id="batiment" name="batiment" type="text" value="{{ligneCommande.batiment}}"/> 
		</div>
        </div> 
        
        <div class="control-group">
		<label class="control-label" for="escalier">Escalier</label>
		<div class="controls">
			<input id="escalier" name="escalier" type="text" value="{{ligneCommande.escalier}}"/> 
		</div>
        </div> 
        <div class="control-group">
		<label class="control-label" for="etage">Etage</label>
		<div class="controls">
			<input id="etage" name="etage" type="text" value="{{ligneCommande.etage}}"/> 
		</div>
        </div> 
        <div class="control-group">
		<label class="control-label" for="porte">Porte</label>
		<div class="controls">
			<input id="porte" name="porte" type="text" value="{{ligneCommande.porte}}"/> 
		</div>
        </div> 
        <div class="control-group">
		<label class="control-label" for="corespondant">Corespondant sur site</label>
		<div class="controls">
			<input id="corespondant" name="corespondant" type="text" value="{{ligneCommande.corespondant}}"/> 
		</div>
        </div> 
        
        <div class="control-group">
		<label class="control-label" for="telephone">Téléphone du corespondant</label>
		<div class="controls">
			<input id="telephone" name="telephone" type="text" value="{{LigneCommande.telephone}}"/> 
		</div>
        </div> 
        </div>
        </fieldset>
	  
	  
	  
<fieldset>
			<legend>Engagement</legend>
<div class="row-fluid">
	{% if commande.statut == "en cours" or ligneCommande.duplicate == 'oui'%}            
            <div class="span2">
            <label class="radio">
    		<input type="radio" name="engagement" id="engagement" value="0" {% if ligneCommande.engagement == "0" %}checked{% endif %}> Sans Engagement
  			</label>
            </div>
            <div class="span2">
            <label class="radio">
    		<input type="radio" name="engagement" id="engagement" value="12" {% if ligneCommande.engagement == "12" %}checked{% endif %}> 12 mois
  			</label>
            </div>
            <div class="span2">
            <label class="radio">
    		<input type="radio" name="engagement" id="engagement" value="24" {% if ligneCommande.engagement == "24" %}checked{% endif %}> 24 mois
  			</label>
            </div>
            <div class="span2">
            <label class="radio">
    		<input type="radio" name="engagement" id="engagement" value="36" {% if ligneCommande.engagement == "36" %}checked{% endif %}> 36 mois
  			</label>
            </div>
            {% if not(session.niveauAuth=='3')and not (session.niveauAuth=='4')and not (session.niveauAuth=='7')and not (session.niveauAuth=='8') %}
            <div class="span2">
            <label class="radio">
    		<input type="radio" name="engagement" id="engagement" value="48" {% if ligneCommande.engagement == "48" %}checked{% endif %}> 48 mois
  			</label>
            </div>
            {% endif %}
	{% else %}
    		{% if ligneCommande.engagement == "0" %}
            Sans Engagement
            {% else %}
    		{{ligneCommande.engagement}} mois
            {% endif %}
    {% endif %}	  
</div>		  
</fieldset>
	
	<fieldset>
			<legend>Type de ligne</legend>
<div class="row-fluid">
	         {% if commande.statut == "en cours" or ligneCommande.duplicate == 'oui'%}  
            <div class="span2">
            <label class="radio">
    		<input type="radio" name="type_ligne" id="type_ligne" value="rl" {% if ligneCommande.type_ligne == "rl" %}checked{% endif %}> Reprise ligne
  			</label>
            </div>
            <div class="span2">
            <label class="radio">
    		<input type="radio" name="type_ligne" id="type_ligne" value="cl" {% if ligneCommande.type_ligne == "cl" %}checked{% endif %}> Création ligne
  			</label>
            </div>
            
            <div class="span2">
            <label class="radio">
    		<input type="radio" name="type_ligne" id="type_ligne" value="dl" {% if ligneCommande.type_ligne == "dl" %}checked{% endif %}> Déménagement de ligne
  			</label>
            </div>
            
	{% else %}
    		{% if ligneCommande.type_ligne == "rl" %}
            Sans Engagement
            {% else %}
    		{{ligneCommande.type_ligne}} cl
            {% endif %}
    {% endif %}
</div>		  
</fieldset>

<div id="zone_voip" class="zone_voip">
{% if not (session.niveauAuth=='4')and not (session.niveauAuth=='7')and not (session.niveauAuth=='8') %}
<fieldset>
			<legend>Ligne</legend>
<div class="row-fluid">
	         {% if commande.statut == "en cours" or ligneCommande.duplicate == 'oui'%}  
            <div class="span2">
            <label class="radio">
    		<input type="radio" name="ligne" id="ligne" value="trunk" {% if ligneCommande.ligne == "trunk" %}checked{% endif %}>Création Trunk 
  			</label>
            </div>
            <div class="span2">
            <label class="radio">
    		<input type="radio" name="ligne" id="ligne" value="porta" {% if ligneCommande.ligne == "porta" %}checked{% endif %}> Portabilité
  			</label>
            </div>
            <div class="span2">
            <label class="radio">
    		<input type="radio" name="ligne" id="ligne" value="trunk_porta" {% if ligneCommande.ligne == "trunk_porta" %}checked{% endif %}>Création Trunk + Portabilité
  			</label>
            </div>
                                    
	{% else %}
    		{% if ligneCommande.ligne == "trunk" %}
            Sans Engagement
            {% else %}
    		{{ligneCommande.ligne}} trunk_porta
            {% endif %}
    {% endif %}
</div>		  
</fieldset> 
{% endif %}

 

<fieldset>
{% if not (session.niveauAuth=='4')and not (session.niveauAuth=='7')and not (session.niveauAuth=='8') %}
			<legend>Abonnement VOIP</legend>
            <div class="control-group">
		<label class="control-label" for="ndi">NDI</label>
		<div class="controls">
			<input name="ndi_voip" type="text" value="{% if ligneCommande.ndi != "" and ligneCommande.type_offre == 'voip'%}{{ligneCommande.ndi}}{% endif %}"/> 
		</div>
	  </div>

		 <div class="control-group">
			<label class="control-label" for="abonnement_voip">Offre principale</label>
			<div class="controls">
				<select name="abonnement_voip" id="abonnement_voip" size="1" class="span6">
                <option value="">Choississez...</option>
					{% for offre_voip in offres_voip %}
					  <option value="{{offre_voip.id}}" {% if ligneCommande.offre == offre_voip.id and ligneCommande.type_offre == 'voip' %} selected {% endif %}>{{offre_voip.nom}}</option>
					 {% endfor %}

				</select>
        <div id="contenu_prix_ajax_voip">
		</div>
                </div>
                </div>
         <div class="control-group">
		<label class="control-label" for="quantite">Quantité</label>
		<div class="controls">
			<input name="quantite_voip" type="text" value="{% if ligneCommande.nbr_offre != "" and ligneCommande.type_offre == 'voip' %}{{ligneCommande.nbr_offre}}{% endif %}"/> 
		</div>
        </div>  
<!--        
        <div class="control-group">
            	<label class="checkbox inline">
            	<div class="controls">
    		<input type="checkbox" name="fax_to_mail"  value="x" {% if ligneCommande.fax_to_mail == "x" %}checked{% endif %}>Fax to Mail (cocher cette case pour facturer à la page)
    		</label>
              </div>
        </div>
        
         <div class="control-group">
            	<label class="checkbox inline">
            	<div class="controls">
    		<input type="checkbox" name="forfait_partage"  value="x" {% if ligneCommande.forfait_partage == "x" %}checked{% endif %}>Forfait Partagé (cocher cette case pour un forfait partagé)
    		</label>
              </div>
        </div>
			{% endif %}	
			</fieldset>
 -->           
            <div id="contenu_options_ajax_voip">
		</div> 

</div>
<div id="zone_vga" class"zone_vga">  
      
			
		<fieldset>		
		<legend>Abonnement VGA </legend>
            <div class="control-group">
		<label class="control-label" for="ndi">NDI</label>
		<div class="controls">
			<input name="ndi_vga" type="text" value="{% if ligneCommande.ndi != "" and ligneCommande.type_offre == 'vga'%}{{ligneCommande.ndi}}{% endif %}"/> 
		</div>
        </div>
		 <div class="control-group">
			<label class="control-label" for="abonnement_vga">Offre principale</label>
			<div class="controls">
				<select name="abonnement_vga" id="abonnement_vga" size="1" class="span6">
                <option value="">Choississez...</option>
					{% for offre_vga in offres_vga %}
					  <option value="{{offre_vga.id}}" {% if ligneCommande.offre == offre_vga.id and ligneCommande.type_offre == 'vga' %} selected {% endif %}>{{offre_vga.nom}}</option>
					 {% endfor %}
				</select>
        <div id="contenu_prix_ajax_vga">
		</div>
			</div>
            </div>
           
         <div class="control-group">
		<label class="control-label" for="quantite">Quantité</label>
		<div class="controls">
			<input name="quantite_vga" type="text" value="{% if ligneCommande.nbr_offre != "" and ligneCommande.type_offre == 'vga' %}{{ligneCommande.nbr_offre}}{% endif %}" /> 
		</div>
           </div>
           
<!--           <div class="control-group">
            	<label class="checkbox inline">
            	<div class="controls">
    		<input type="checkbox" name="forfait_partage"  value="x" {% if ligneCommande.forfait_partage == "x" %}checked{% endif %}>Forfait Partagé (cocher cette case pour un forfait partagé)
    		</label>
              </div>
        </div>-->
       
        <div id="contenu_options_ajax_vga">
		</div> 
</div>
<div id="zone_vga_num" class"zone_vga_num">  
      
			
		<fieldset>		
		<legend>Abonnement VGA/NUM </legend>
            <div class="control-group">
		<label class="control-label" for="ndi">NDI</label>
		<div class="controls">
			<input name="ndi_vga_num" type="text" value="{% if ligneCommande.ndi != "" and ligneCommande.type_offre == 'vga_num'%}{{ligneCommande.ndi}}{% endif %}"/> 
		</div>
        </div>
		 <div class="control-group">
			<label class="control-label" for="abonnement_vga_num">Offre principale</label>
			<div class="controls">
				<select name="abonnement_vga_num" id="abonnement_vga_num" size="1" class="span6">
                <option value="">Choississez...</option>
					{% for offre_vga_num in offres_vga_num %}
					  <option value="{{offre_vga_num.id}}" {% if ligneCommande.offre == offre_vga_num.id and ligneCommande.type_offre == 'vga_num' %} selected {% endif %}>{{offre_vga_num.nom}}</option>
					 {% endfor %}
				</select>
        
        <div id="contenu_prix_ajax_vga_num">
		</div>
			</div>
            </div>
         
         
           
         <div class="control-group">
		<label class="control-label" for="quantite">Quantité</label>
		<div class="controls">
			<input name="quantite_vga_num" type="text" value="{% if ligneCommande.nbr_offre != "" and ligneCommande.type_offre == 'vga_num' %}{{ligneCommande.nbr_offre}}{% endif %}" /> 
		</div>
           </div>
           
<!--           <div class="control-group">
            	<label class="checkbox inline">
            	<div class="controls">
    		<input type="checkbox" name="forfait_partage"  value="x" {% if ligneCommande.forfait_partage == "x" %}checked{% endif %}>Forfait Partagé (cocher cette case pour un forfait partagé)
    		</label>
              </div>
        </div>-->
       
        <div id="contenu_options_ajax_vga_num">
		</div> 
</div>  
 {% if (session.niveauAuth=='1') %}        
 	<div id="zone_sda" class="zone_sda">
        <legend>SDA</legend>
    
          <label class="control-label" for="sda">Numéro: </label>
           
		<div class="controls">
			<input name="sda" type="text" value="{% if ligneCommande.sda != ""  %}{{ligneCommande.sda}}{% endif %}"/> 
		</div>
     </div>
		{% endif %}
		<br />
         
<!--{% if not(session.niveauAuth=='3')and not (session.niveauAuth=='4')and not (session.niveauAuth=='7')and not (session.niveauAuth=='8') %}     
    <legend>Appel interne:</legend>  
    	<textarea cols="10" rows="3" name="appel_interne" placeholder="numéros séparés par des virgules: 0120xxxxxxx,0549xxxxxxx">{{ligneCommande.interne}}</textarea>
    </fieldset>
{% endif %}   -->
	   
       <fieldset>
	<legend>Condition particulières tarifaires</legend>

	
	  <div class="control-group">
      
		<label class="control-label" for="identifiant_adv">Identifiant ADV</label>
		<div class="controls">
		   <input name="identifiant_adv" type="text" value="{{ligneCommande.identifiant_adv}}" placeholder="numero d'adhérent"/> 
		</div>
	  </div>
	   
<fieldset>
<strong>Réduction </strong></fieldset>
<div class="span5">
	  <div class="control-group">
     
		<label class="control-label" for="abonnement">Abonnement</label>
		<div class="controls">
		   <input name="abonnement" type="text" value="{{ligneCommande.abonnement}}" placeholder="%"/> 
		</div>
	  </div>
        <div class="control-group">
		<label class="control-label" for="minute_national">Min National </label>
		<div class="controls">
		   <input name="minute_national" type="text" value="{{ligneCommande.minute_national}}" placeholder="%"/> 
		</div>
	  </div>
        <div class="control-group">
		<label class="control-label" for="minute_international">Min International </label>
		<div class="controls">
		   <input name="minute_international" type="text" value="{{ligneCommande.minute_international}}" placeholder="%"/> 
		</div>
	  </div>	
	  </div>
	  <div class="span6">
	  <!-- 
	   <div class="control-group">
		<label class="control-label" for="mobile">Option Mobile </label>
		<div class="controls">
		   <input name="mobile" type="text" value="{{ligneCommande.option_mobile}}" placeholder="%"/> 
		</div>
	  </div>
	   <div class="control-group">
		<label class="control-label" for="mobil">Mobile </label>
		<div class="controls">
		   <input name="mobil" type="text" value="{{ligneCommande.mobil}}" placeholder="%"/> 
		</div>
	  </div>
	  -->
	   <div class="control-group">
		<label class="control-label" for="grille_tarifaire">Grille tarifaire de vente</label>
		<div class="controls">
		   <select name="grille_tarifaire" size="1">
		   <option value="">Selectionnez...</option>
			  <option value="tarif_1"{% if ligneCommande.grille_tarifaire == "tarif_1" %}selected{% endif %}>Tarif 1</option>
			  <option value="tarif_2"{% if ligneCommande.grille_tarifaire == "tarif_2" %}selected{% endif %}>Tarif 2</option>
			  <option value="tarif_3"{% if ligneCommande.grille_tarifaire == "tarif_3" %}selected{% endif %}>Tarif 3</option>
			  <option value="tarif_4"{% if ligneCommande.grille_tarifaire == "tarif_4" %}selected{% endif %}>Tarif 4</option>
              <option value="tarif_5"{% if ligneCommande.grille_tarifaire == "tarif_5" %}selected{% endif %}>Tarif 5</option> 
               <option></option>
			</select>
		</div>
	  </div>
	    </div>
	  
	</fieldset>


	   
<fieldset>
{% if (session.niveauAuth=='1') %}
    <legend>Equipement</legend>
    {% for equipement in equipement %}
    {{equipement.libelle}} - Quantité: 
    <input type="text" name="equipement_q[]" value="{% for materiel in materiel %}{% if materiel.equipement == equipement.libelle %}{{materiel.quantite}}{% endif %}{% endfor %}"/>
    <input type="hidden" name="equipement_id[]" value="{{equipement.id}}"/><br />
    {% endfor %}
{% endif %}
</fieldset>



<fieldset>
{% if not(session.niveauAuth=='3')and not (session.niveauAuth=='4')and not (session.niveauAuth=='7')and not (session.niveauAuth=='8') %}
			<legend>Durée de financement</legend>
            <div class="row-fluid">
            <input type="text" name="duree_financement" value="{% if materiel|length > 0 %}{{ materiel.0.duree_financement }}{% endif %}"/> mois
            </div>
         {% endif %}   
</fieldset>	
	   
	
	{% if commande.statut == "en cours" or ligneCommande.duplicate == 'oui'%}
	<div class="row">
		<div class="span12">
		<div class="form-actions">
		<span>Action après validation</span>
		<br/>
		  <select name="next">
			<option value="creation-commande">Retour à la commande</option>
			<option value="ajout-ligne-mobile">Ajouter une nouvelle ligne</option>
            {% if ligneCommande.id is empty or ligneCommande.duplicate == 'oui' %}
			<option value="dupliquer-ligne">Dupliquer cette ligne</option>
            {% endif %}
			<option value="liste-client">Afficher la liste des clients</option>
		  </select>
		<br/><br/>
		{% if ligneCommande.id is empty or ligneCommande.duplicate == 'oui' %}
			<button type="submit" class="btn btn-primary" name="action" value="create" id="creation">Ajouter</button>
		{% else %}
			<button type="submit" class="btn btn-primary" name="action" value="update">Mettre à jour</button>
		{% endif %}
		</div>
		</div>
	</div>
	{% endif %}
	
</form>
{% endblock %}